<?php
// Chama a head da página
require_once './head.php';
// Chama a header da página inicial
require_once './barraSuperior.php';
?>

<style>
	.thumb {
		width: 65px;
		height: 50px;
		border: 1px solid #000;
		margin: 10px 5px 0 0;
	}
	#entrada{
		float: left;
		position: absolute;
		width: 140px;
		height: 142px;
		cursor: pointer;
		background: URL('img/upload.jpeg');
		background-repeat: no-repeat;
	}
	
	#entrada:hover{
		opacity: 0.9;
	}
	
	#entrada input{
		width: 140px;
		height: 142px;
		cursor: pointer;
		opacity: 0;
	}
	#saida {
		margin-left: 160px;
		width: 158px;
		height: 325px;
		padding-left: 15px;
		border: dashed 3px;
		border-radius: 4px;
		border-color: black;
		color: black;
	}
</style>

<script type="text/javascript" src="js/jquery-1.3.2.js"></script>  
<script type="text/javascript" src="js/jquery_maskedinput.js"></script> 

		<script>
			function moeda(z){  
				v = z.value;
				v=v.replace(/\D/g,"")  //permite digitar apenas números
				v=v.replace(/[0-9]{12}/,"inválido")   //limita pra máximo 999.999.999,99
				v=v.replace(/(\d{1})(\d{8})$/,"$1.$2")  //coloca ponto antes dos últimos 8 digitos
				v=v.replace(/(\d{1})(\d{5})$/,"$1.$2")  //coloca ponto antes dos últimos 5 digitos
				v=v.replace(/(\d{1})(\d{1,2})$/,"$1,$2")	//coloca virgula antes dos últimos 2 digitos
				z.value = v;
			}
		</script>

		<script type="text/javascript">  
			 $(document).ready(function(){  
				 $(function(){  
					$("#cep_contato").mask("99999-999");   
				 });  
			 });  			 
			 $(document).ready(function(){  
				 $(function(){  
					$("#telefone_contato").mask("(99)9999-9999");    
				 });  
			 });  
		</script>  


		
		<?php 
			//include "connection.php";
			
			//se categoria for passada ele entra no formulario, do contrario carrega pagina de categoria
			if(isset($_GET['categ'])){
				$categ = $_GET['categ'];
				
				//consulta do bd o nome da categoria pelo id
				/*$categoria = mysql_fetch_array(mysql_query("SELECT * FROM categoria WHERE id='$categ'"));
				$nome_categoria = $categoria['nome_categoria'];
				*/
				
			if(isset($_POST['publicar'])){
				
				//dados do anuncio do formulario
				$categoria = $categ;
				$titulo = $_POST['titulo_anuncio'];
				$descricao = $_POST['descricao_anuncio'];
				$preco = $_POST['preco_anuncio'];
				
				//dados do proprietario do anuncio do formulario
				$tipo_pessoa = $_POST['tipo_pessoa'];
				$nome_contato = $POST['nome_contato'];
				$email_contato = $_POST['email_contato'];
				$telefone_contato = $_POST['telefone_contato'];
				$cep_contato = $POST['cep_contato'];
				$estado_contato = $_POST['estado_contato'];
				$cidade_contato = $_POST['cidade_contato'];
				$endereco_contato = $_POST['endereco_contato'];
				$concorda_termos = true;
				
				$insert = mysql_query("INSERT INTO anuncio() VALUES('$','$','$','$','$')");

				header("location:area_cliente.php?pstconf=1");
			}
		?>
		<div class="row">
			<div class="small-12 large-12 columns">
				<h3>Publique seu anúncio! É rapido e fácil!</h3>
				<form class="anuncio" method="post">
					<fieldset id="info_anuncio">
						<h3>Informações do anúncio</h3>
						<table cellspacing="10">
							<tr>
								<td align="right" width="190px"><h5>Categoria escolhida:</h5></td>
								<td>
									<div id="categoria">
										Nome da categoria <input Type="button" class="button orange" VALUE="Alterar Categoria" ONCLICK="window.location.href='http://oferteja.com.br/cadastroAnuncio.php'">
									</div>
								</td>
							</tr>
							<tr>
								<td align="right" width="190px"><h5>*Título do anúncio:</h5></td>
								<td>
									<input type="text" name="titulo_anuncio">						
								</td>
							</tr>
							<tr>
								<td align="right" width="190px"><h5>Insira as fotos do seu anúncio:</h5></td>
								<td>
									<div id="fotos">
										<div id="entrada">
											<input type="file" id="files" name="fotos_anuncio" multiple />
										</div>

										<div id="saida">
											<output id="list"></output>
										</div>
									</div>					
								</td>
							</tr>
							<tr>
								<td align="right" width="190px"><h5>*Descrição do anúncio:</h5></td>
								<td>
									<textarea rows="10" cols="45" name="descricao_anuncio"></textarea>						
								</td>
							</tr>
							<tr>
								<td align="right" width="190px"><h5>Preço R$</h5></td>
								<td>
									<input type="text" name="preco_anuncio" onKeyUp="moeda(this);">						
								</td>
							</tr>
						</table>
					</fieldset>

					<fieldset id="info_pessoais">
						<h3>Suas informações pessoais</h3>
						<table cellspacing="10">
							<tr>
								<td align="right" width="190px"><h5>*Nome de contato:</h5></td>
								<td>
									<input type="text" name="nome_contato" required>						
								</td>
							</tr>
							<tr>
								<td align="right" width="190px"><h5>*E-mail:</h5></td>
								<td>
									<input type="email" name="email_contato" placeholder="nome@servidoremail.com" required>						
								</td>
							</tr>
							<tr>
								<td align="right" width="190px"><h5>Telefone:</h5></td>
								<td>
									<input type="text" name="telefone_contato" id="telefone_contato" placeholder="(XX)XXXX-XXXX">					
								</td>
							</tr>
							<tr>
								<td align="right" width="190px"><h5>CEP:</h5></td>
								<td>
									<input id="cep_contato" name="cep_contato" placeholder="XXXXX-XXX" style="width:50%;" type="text" />
								</td>
							</tr>					
							<tr>
								<td align="right" width="190px"><h5>*Estado:</h5></td>
								<td>
								<select name="estado_contato" id="estado_contato">
									<option value="default">Selecione um estado</option>
									<option value="AC">Acre</option>
									<option value="AL">Alagoas</option>
									<option value="AP">Amapá</option>
									<option value="AM">Amazonas</option>
									<option value="BA">Bahia</option>
									<option value="CE">Ceará</option>
									<option value="DF">Distrito Federal</option>
									<option value="ES">Espírito Santo</option>
									<option value="MA">Maranhão</option>
									<option value="MT">Mato Grosso</option>
									<option value="MS">Mato Grosso do Sul</option>
									<option value="MG">Minas Gerais</option>
									<option value="PA">Pará</option>
									<option value="PB">Paraíba</option>
									<option value="PR">Paraná</option>
									<option value="PE">Pernambuco</option>
									<option value="PI">Piauí</option>
									<option value="RJ">Rio de Janeiro</option>
									<option value="RN">Rio Grande do Norte</option>
									<option value="RS">Rio Grande do Sul</option>
									<option value="RO">Rondônia</option>
									<option value="RR">Roraima</option>
									<option value="SC">Santa Catarina</option>
									<option value="SP">São Paulo</option>
									<option value="SE">Sergipe</option>
									<option value="TO">Tocantins</option>
								</select>					
								</td>
							</tr>	
							<tr>
								<td align="right" width="190px"><h5>*Cidade:</h5></td>
								<td>
									<input type="text" name="cidade_contato" id="cidade_contato" placeholder="Digite aqui sua cidade..." required>	
								</td>
							</tr>	
							<tr>
								<td align="right" width="190px"><h5>Endereço:</h5></td>
								<td>
									<input type="text" name="endereco_contato" id="endereco_contato" placeholder="Rua, nº, complemento">					
								</td>
							</tr>					
						</table>
					</fieldset>
					
					<fieldset id="publicar">
						<h3>Agora é só apertar o botão!</h3>
						<div>
							<input type="submit" class="success button orbit-bullets" name="publicar" value="Oferte JÁ!"><br>
							<span class="orbit-bullets">Ao incluir o anúncio você concorda com os <a href="#">Termos e Condições</a> do OFERTE JÁ.</span>
						</div>
					</fieldset>
				</form>
			</div>
		</div>
		
		<script type="text/javascript">
			function handleFileSelect(evt) {
			
				var contador = "<?php echo $contador; ?>";
				if(contador<=9){
				
					// $.ajax({
						// type:'post',
						// url: 'check.php',
						// data:'contador',
						// success: function(msg){
							// alert(msg);
						// }
					// });
					
					var files = evt.target.files; // FileList object

					// Loop through the FileList and render image files as thumbnails.
					for (var i = 0, f; f = files[i]; i++) {
						// Only process image files.
						if (!f.type.match('image.*')) {
							continue;
						}
						var reader = new FileReader();

						// Closure to capture the file information.
						reader.onload = (function(theFile) {
						return function(e) {
							// Render thumbnail.
							var span = document.createElement('span');
							span.innerHTML = ['<img class="thumb" src="', e.target.result,
												'" title="', escape(theFile.name), '"/>'].join('');
							document.getElementById('list').insertBefore(span, null);
							};
						})(f);

						// Read in the image file as a data URL.
						reader.readAsDataURL(f);
					}
				}
			}

			document.getElementById('files').addEventListener('change', handleFileSelect, false);
			
			
		</script>
		
		<?php
			}else{
		?>
		<form class="formulario" method="post">
			<?php
				require "categoria.php";
			?>			
		</form>
		<?php
			}
		?>

	
	
<?php
require_once './footer.php';
?>
	
